﻿.engineer{
	float: left;
	background-color: #D3D3D3;
	width:100%;
}
.block{
	margin-bottom: 1px;
	padding: 2%;
	width: 100%;
	height: 14%;
	background-color:#F4F6F7;
	float: left;
}
.left{
	float: left;
	width:23%;
	height: 100%;
}
.image{
	margin-top: 20%;
	width: 80%;
	height: 80%;
	overflow: hidden;
	border-radius: 50%;
	display:inline-block;
}
ul{
	float: left;
	width: 45%;
	height: 12%;
	padding:0;
	padding-top: 2%;
	margin: 0;
}
.name{
	font-size: 1.0rem;
	font-weight: 800;
	letter-spacing: 1px;
	margin-top: 1px;
}

.content_center li{
	font-weight: 300;
	font-size: 0.5rem;
	color: gray;
	letter-spacing: 1px;
	margin: 1px;
	margin-left: 2px;
	list-style-type: none;
}
.content_center span{
	font-weight: 300;
	font-size: 0.5rem;
	color: coral;
}
.content_center p{
	padding-right: 8px;
	display:inline;
}
.smallpic{
	width:0.8rem;
	height:0.8rem;
	margin-right: 0.2rem;
	color:orange;
}


.line{
	font-weight: 300;
	font-size: 0.5rem;
	color: gray;
	letter-spacing: 1px;
	margin: 1px;
	margin-left: 2px;
	padding-bottom: 2px;
	border-bottom:1px solid #D3D3D3;
	filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
	-moz-opacity:0.5; /*Firefox私有，透明度50%*/
	opacity:0.5;/*其他，透明度50%*/
}
.right{
	float: left;
	width: 23%;
	height: 100%;
	text-align: center;
	margin-left: 1rem;
}
.right p{
	margin-bottom: 0;
	margin-top: 1rem;
}
.teleconsult_Button{
	width:4.5rem;
	height:1.8rem;
	border-radius: 0.8rem;
	color:white;
	text-align: center;
	letter-spacing: 1px;
	font-size: 0.8rem;
	font-family: "Microsoft YaHei","微软雅黑", verdana, sans-serif;
	font-weight: 200;
	background-color:#7AD872;
	border:0px;
	display: block;

}
.identify_Button{
	width:4.5rem;
	height:1.8rem;
	border-radius: 0.8rem;
	color:white;
	text-align: center;
	letter-spacing: 1px;
	font-size: 0.8rem;
	font-family: "Microsoft YaHei","微软雅黑", verdana, sans-serif;
	font-weight: 200;
	background-color:#59BFFF;
	border:0px;
	display: block;
}
/*<div class="block">
    <div class="left">
        <img src="实验.jpg" class="image" />
    </div>
    <div class="center">
        <label class="name">百变小樱</label>
        <p>预约<span>299</span>次</p>
        <p class="line"><label>高级技师</label>十年工龄</p>
        <p >专修某某</p>
    </div>
    <div class="right">
        <p class"top"><input type="submit" class="teleconsult_Button" value="电话咨询" /></p>
        <p class"bottom"><input type="submit" class="identify_Button" value="确认师傅" /></p>
    </div>
</div> */